<script setup>
// 宏命令 直接使用defineProps()
// const props = defineProps(['msg','num'])
const props = defineProps({
    msg:{
        type:String,
        default:'hello'
    },
    num:{
        type:Number,
        default:100
    },
   
    age:{
        type:Number,
        validator(value){ // 自定义校验器
            console.log("value=>",value);
            if(value<18){
                return false // 校验失败
            }else{
                return true // 校验通过
            }
        }
    }
})
console.log(props);

</script>

<template>
<div>
    <h1>{{ msg }}</h1>
    <h2>{{ num }}</h2>
</div>
</template>

<style scoped>
</style>